.order-table{
    z-index: 1;
    position: relative;
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

.order-table th,td{
    border-bottom: 1px dotted #ddd;
}

.order-table .cell-img{
    width: 10%;
    padding: 10px;
    text-align: center;
}

.order-table .cell-img .product-img{
    width: 80px;
    height: 80px;
    border: 1px;
    solid: #ddd;
}

.order-table .cell-item{
    width: 11%;
    text-align: left;
}

.order-table .cell-product{
    width: 11%;
    text-align: center;
}

.order-table .cell-description{
    width: 17%;
    text-align: center;
}

.order-table .cell-inStock{
    width: 11%;
    text-align: center;
}

.order-table .cell-quantity{
    width: 10%;
    text-align: center;
}

.order-table .cell-price{
    width: 11%;
    text-align: center;
}

.order-table .cell-total{
    width: 11%;
    text-align: center;
}

.order-table .cell-setting{
    width: 8%;
    text-align: center;
}

.whole{
    z-index: 2;
    position: fixed;
    top: 120px;
    left: 70px;
    margin: 0 auto;
    height: 80%;
    width: 90%;
    background-color: #666666;
    opacity: 0.8;
}

.order-table-info{
    z-index: 3;
    width: 87%;
    position: fixed;
    top: 350px;
    left: 90px;
    border-collapse: collapse;
    background-color: #cccccc;
}
.order-table-info th,td{
    border-bottom: 1px dotted #ddd;
}

.order-table-info .cell-img{
    width: 10%;
    padding: 10px;
    text-align: center;
}

.order-table-info .cell-img .product-img{
    width: 100px;
    height: 100px;
    border: 1px;
    solid: #ddd;
}

.order-table-info .cell-item{
    width: 11%;
    text-align: left;
}

.order-table-info .cell-product{
    width: 11%;
    text-align: center;
}

.order-table-info .cell-description{
    width: 17%;
    text-align: center;
}

.order-table-info .cell-inStock{
    width: 11%;
    text-align: center;
}

.order-table-info .cell-quantity{
    width: 10%;
    text-align: center;
}

.order-table-info .cell-price{
    width: 11%;
    text-align: center;
}

.order-table-info .cell-total{
    width: 11%;
    text-align: center;
}

.order-table-info .cell-setting{
    width: 8%;
    text-align: center;
}